<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/3/22
  Time: 20:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../../common/web_top.jsp" %>


<link rel="stylesheet" href="static/css/skin/treeview/jquery.treeview.css?_v=190102162154">

<style>
    .tr1_addClass{
        background:rgb(255, 251, 244);

    }
    .treeview ul{
        width: 100%;
    }
    .expandable{



    }

    .treeview, .treeview ul {
        padding-left: 30px;

        list-style: none;
    }
    .treeview li {
        background: none;
        border-top: 1px solid #ddd;
        width: 100%;
    }
    .treeview .hitarea{
        margin: 30px 0 0 -43px;;
    }

    .tr1{
        height: 70px;
        line-height: 70px;



    }
    .tr11{
        height: 70px;
        line-height: 70px;



    }
    .tr111{
        height: 70px;
        line-height: 70px;



    }
    .tr1111{
        height: 70px;
        line-height: 70px;

    }


    .treeview ul li .tr1 label span:first-child{
        font-size: 12px!important;
        cursor: pointer;
        padding: 7px 10px;
        border-radius: 3px;
        color: #fff;
        background: #f7b733!important;
    }
    .treeview ul li div label:last-child span{
        font-size: 12px!important;
        cursor: pointer;
        padding: 7px 10px;
        border-radius: 3px;
        color: #fff;
        margin: 0px 5px 0px 5px;

    }
    .treeview ul li .tr1 label:last-child ._yellow {
        background: #f7b733!important;

    }
    .treeview ul li .tr11 label:last-child ._yellow {
        background: #f7b733!important;
    }
    .treeview ul li .tr111 label:last-child ._yellow{

        background: #f7b733!important;
    }
    .treeview ul li .tr1111 label:last-child ._yellow{

        background: #f7b733!important;
    }
    .treeview ul li .tr1 label:last-child ._blue {
        background: #29335c!important;

    }
    .treeview ul li .tr11 label:last-child ._blue {
        background: #29335c!important;

    }
    .treeview ul li .tr111 label:last-child ._blue{

        background: #29335c!important;
    }
    .treeview ul li .tr1111 label:last-child ._blue{

        background: #29335c!important;
    }
    .treeview ul li .tr1 label:last-child ._red {
        background: #e55a5b!important;

    }
    .treeview ul li .tr11 label:last-child ._red {
        background: #e55a5b!important;

    }
    .treeview ul li .tr111 label:last-child ._red{

        background: #e55a5b!important;
    }
    .treeview ul li .tr1111 label:last-child ._red{

        background: #e55a5b!important;
    }
    .treeview ul li .tr1{
        display: inline-flex;
        width: 100%;
    }
    .treeview ul li .tr1 label:last-child{
        text-align: right;
        flex: 1;
    }
    .treeview ul li .tr11{
        display: inline-flex;
        width: 100%;
    }
    .treeview ul li .tr11 label:last-child{
        text-align: right;
        flex: 1;
    }
    .treeview ul li .tr111{
        display: inline-flex;
        width: 100%;
    }
    .treeview ul li .tr111 label:last-child{
        text-align: right;
        flex: 1;
    }
    .treeview ul li .tr1111{
        display: inline-flex;
        width: 100%;
    }
    .treeview ul li .tr1111 label:last-child{
        text-align: right;
        flex: 1;
    }
</style>

<div ng-include="loanBefore" class="includeStyle "><!--定位div容器-->



        <div class="bgSortScroll">
            <div class="public-bgContent" ng-init="load()">
                <div class="public-bghint">
                    <span ng-click="show('caozuo')" style="cursor: pointer;">提示操作</span>
                    <i class="iconfont icon-icon-copy-copy"></i>
                </div>
                <ul class="public-ulList set-listH" ng-show="setShow.caozuo">
                    <li>显示拥有该栏目管理权限的数据；</li>
                    <li>管理操作后台的组织架构，设置组织架构的目的是为了更好梳理后台操作管理人员权限数据明细</li>
                    <li>组织架构最多4层，4层内可以自有编辑、添加、删除</li>
                </ul>
                <div style="height: 20px;"></div>
                <div class="table-scroll">
                    <table class="table public-table PoInput table-toggle table-toggle-ceng">
                        <thead>
                        <tr>
                            <td></td>
                            <td ng-click="btn1()">部门名称</td>
                            <td>
                            <span>
                                操作
                            </span>
                            </td>
                        </tr>
                        </thead>

                    </table>    <div id="htmlBody"></div>
                </div>
                <button id="addTop" class="tabHint-alone tab-add">添加菜单</button>
            </div>
        </div>
    <div id="department"></div>

    <script type="text/x-handlebars-template" id="department_tpl">
        <div class="winBox addwinBox">
            <div class="winBox1">
                <div class="winBox3">
                    <div class="dealrecord">
                        <!-- 头部 -->
                        <div class="headerBox">
                            <span class="headerSpan">添加部门</span>
                            <i class="iconfont icon-wrong headerIcon" id="show"></i>
                        </div>
                        <!-- 内容 -->
                        <div class="contentBox" style="padding-bottom: 50px;">
                            <!-- 中间tab -->
                            <table class="maTab">
                                <tbody>
                                <input type="hidden" name="id"  id="id" value="{{id}}">
                                <tr>
                                    <td><span style="color: #D5332C;font-weight: bold;">*</span>所属上级：</td>
                                    <td>
                                        <div class="se-re">
                                            <select name="parentId" disabled="true" id="parentId">
                                                <option value="{{parentId}}">{{pName}}</option>
                                            </select>
                                            <span class="se-po se-box"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="color: #D5332C;font-weight: bold;">*</span>部门名称：</td>
                                    <td>
                                        <input name="dname" placeholder="请输入部门名称.." value="{{name}}" id="dname"/>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <!-- 底部 -->
                            <div class="deleFooter footerBox">
                                <div class="deleBtn">
                                    <button style="background: #E55A5B;" id="submit">确定提交</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>

    <script type="text/javascript" src="static/js/page/set/departlist/departlist.js?_v=190102162154"></script>
 </div>

<%--是否删除弹窗--%>
<div class="winBox delete_winBox">
    <!-- 加载弹窗盒子容器 -->
    <!-- ngInclude: box --><div class="winBox1 " ng-include="box"><!-- 说明：提交评审弹窗 -->
    <div class="winBox5 ">
        <div>
            <div class="headerBox">
                <!-- ngIf: recheckLoan==2 --><span class="headerSpan " ng-if="recheckLoan==2">删除部门</span><!-- end ngIf: recheckLoan==2 -->
                <!-- ngIf: recheckLoan==1 -->
                <!-- ngIf: recheckLoan==3 -->
                <i class="iconfont icon-wrong headerIcon" ng-click="F.showWin('hide')"></i>
            </div>
            <!-- 内容 -->
            <div class="deleBox">
                <!-- 底部 -->
                <div class="deleteTit">
                    <span class="first"><i class="iconfont icon-tips2"></i></span>
                    <!-- ngIf: recheckLoan==1 || recheckLoan==2 --><span ng-if="recheckLoan==1 || recheckLoan==2" class="">您确定删除该部门？</span><!-- end ngIf: recheckLoan==1 || recheckLoan==2 -->
                    <!-- ngIf: recheckLoan==3 -->
                </div>
                <div class="deleFooter" style="padding: 0;">
                    <div class="deleBtn">
                        <button ng-click="btn()" id="sureDelete" style="margin: 0;margin-bottom: 30px;margin-left: 68px;">确认</button>
                    </div>
                </div>
            </div>
        </div>
    </div></div>
</div>

<script type="text/javascript" src="static/css/skin/treeview/jquery.treeview.js?_v=190102162154"></script>
<%@ include file="../../common/web_bottom.jsp" %>

